{extend name="template/base_default"}
{block name="header"}


<!--<link rel="stylesheet" href="__CSS__/common.css">-->
<link rel="stylesheet" href="__CSS__/index.css">
<link rel="stylesheet" href="__CSS__/weuix.min.css"/>
<link rel="stylesheet" href="__CSS__/weui.min.css">
<script src="__JS__/updown.js"></script>
<script src="__JS__/lazyimg.js"></script>
<script type="text/javascript" src="__JS__/public.js"></script>
<style>

    body{
        background-image:url("__IMG__/bj.png");
        background-repeat:no-repeat;
        background-size:cover;
        display:inline-block;
        text-align: center;
        color:#eeeeee;
        width: 100%;
        background-attachment: fixed;
        margin: auto;
    }
    li{
        list-style:none;
    }
    .store-box{
        background-color: rgba(95, 110, 170, 0.4);
        height:130px;
        margin-top: 30px;
    }
    .store-box img {
        width:100px;
        height:100px;
        float:right;
        margin-right: 10px;
        margin-top: 10px;
    }
    .store-success{
        font-size: 18px;
        color:#545454;
        font-family: "Microsoft YaHei UI";
    }
    .store-text{
        float: left;
        margin-top: 30px;
        margin-left: 16px;
        text-align: left;
    }
    .store-detail{
        font-size: 14px;
        color:#8c8c8c;
        font-family: "Microsoft YaHei UI";
        margin-top: 12px;
    }
    .store-p{
        text-align: center;
        color:white;
        margin-top: 30px;
        font-family: "Microsoft YaHei UI";
        font-size: 18px;

    }
    .store-other {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
        height:90px;
        background-color: white;
        border-radius: 10px;
        width:90%;
        background-color: rgba(95, 110, 170, 0.4);
    }
    .store-other-img{
        width:60px;
        float: left;
        height:60px;
        margin-top: 14px;
        margin-left: 14px;
        border-radius: 10px;
    }
    .store-other-right{
        float: left;
        margin-left: 10px;

        width:65%;
        height:90px;
        margin-top: 14px;
    }
    .store-other-right-p1{
        font-family: "Microsoft YaHei UI";
        color:white;
        font-size: 18px;
        text-align: left;
    }
    .store-other-right-p2{
        font-family: "Microsoft YaHei UI";
        color:#c09853;
        font-size: 18px;
        text-align: left;
        margin-top: 6px;
    }
    .store-other-right-p3{
        font-family: "Microsoft YaHei UI";

        font-size: 14px;
        text-align: left;
        margin-top: 6px;
        color:white;
    }
    .searchbar{
        height:50px;
        margin-top:10px;
        width:100%;
    }
    .place{
        float:left;
        color:white;
        font-size: 16px;
        font-family: "Microsoft YaHei UI";
        margin-left: 28px;
        margin-top: 14px;

    }
    .search{
        width:74%;
        float:right;
        margin-right: 18px;
        border-radius: 40px;
        background-color: white;
        height:40px;
        margin-top: 8px;
        -moz-opacity:0.8; /*Firefox私有，透明度50%*/
        opacity:0.8;/*其他，透明度50%*/
        filter:alpha(opacity=80);

    }
    input{
        border:none;
        font-size: 18px;
        outline:none;
        margin-top: 8px;
        color:#545454;
    }

</style>
{/block}
{block name="body"}


<!--<div class="searchbar">-->
    <!--&lt;!&ndash;<div class="place">杭州</div>&ndash;&gt;-->
    <!--&lt;!&ndash;<div class="search"><input type="text" id="shop-name" placeholder="请输入您要搜索的店铺"> <button id="shop-search"></button></div>&ndash;&gt;-->

<!--</div>-->
<div id="shop-list">
    {volist name="claimlist" id="vo"}
    <a href="tel:{$vo.contact_number}">
    <div class="store-other">
        <img class="store-other-img" src="__API__/picture/index?id={$vo.logo}">
        <div class="store-other-right">
            <p class="store-other-right-p1">{$vo.name}</p>
            <p class="store-other-right-p3">联系方式:{$vo.contact_number}<span style="color:#8c8c8c"></span><span><span></span></span></p>
        </div>
    </div>
    </a>
    {/volist}
</div>
{/block}
{block name="footer"}
<!--<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>-->
<!--<script>-->
    <!--wx.config({-->

    <!--});-->

    <!--wx.ready(function() {-->
        <!--wx.getLocation({-->
            <!--type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'-->
            <!--success: function (res) {-->
                <!--console.log(res.latitude);-->
                <!--localStorage.setItem('latitude',res.latitude); // 纬度，浮点数，范围为90 ~ -90-->
                <!--localStorage.setItem('longitude',res.longitude);  // 经度，浮点数，范围为180 ~ -180。-->
                <!--//   console.log(longitude);-->
                <!--var speed = res.speed; // 速度，以米/每秒计-->
                <!--var accuracy = res.accuracy; // 位置精度-->
                <!--// console.log(latitude);-->

            <!--}-->
        <!--});-->
    <!--})-->

    <!--$(document).ready(function(){-->
        <!--localStorage.setItem('name',$('#shop-name').val());-->
        <!--$('#shop-search').trigger('click');-->
    <!--});-->
    <!--$('#shop-search').click(function(){-->
        <!--localStorage.setItem('name',$('#shop-name').val());-->
        <!--$("#shop-list").empty()-->
        <!--var doClss = 'dropload-down';-->
        <!--var page=0;//页数-->
        <!--$('#shop-list').dropload({-->
            <!--scrollArea : window,-->
            <!--autoLoad : true,//自动加载-->
            <!--domDown : {-->
                <!--domClass   : doClss,-->
                <!--domRefresh : '<div class="dropload-refresh f15 "><i class="icon icon-20"></i>上拉加载更多</div>',-->
                <!--domLoad    : '<div class="dropload-load f15"><span class="weui-loading"></span>正在加载中...</div>',-->
                <!--domNoData  : '<div class="dropload-noData">没有更多数据了</div>'-->
            <!--},-->
            <!--loadDownFn : function(me){-->
                <!--page++;-->
                <!--window.history.pushState(null, document.title, window.location.href);-->
                <!--var result = '';-->
                <!--$.ajax({-->
                    <!--type: 'GET',-->
                    <!--url:getBaseUrl()+'/web.php/shop/shoplistdata.html?p='+page+'&lng='+localStorage.getItem('longitude')+'&lat='+localStorage.getItem('latitude')+'&name='+localStorage.getItem('name'),-->
                    <!--dataType: 'json',-->
                    <!--success: function(data){-->
                        <!--//  console.log(data);-->
                        <!--var arrLen = data.data.list.length;-->
                        <!--if(arrLen > 0){-->

                            <!--for(var i=0; i<arrLen; i++){-->
                                <!--result+='<a href="http://api.zw.8raw.com/web.php/shop/shopdetail?seller_id='+data.data.list[i].id+'">'-->
                                    <!--+'<div class="store-other">'-->
                                    <!--+'<img class="store-other-img" src="http://api.zw.8raw.com/index.php/picture/index?id='+data.data.list[i].main_img_small+'">'-->
                                    <!--+'<div class="store-other-right">'-->
                                    <!--+'<p class="store-other-right-p1">'+data.data.list[i].name+'</p>'-->
                                    <!--+'<p class="store-other-right-p2">★★★★★</p>'-->
                                    <!--+'<p class="store-other-right-p3">'+data.data.list[i].price+'<span style="color:#8c8c8c">/人</span><span>&nbsp&nbsp&nbsp&nbsp距离<span>'+data.data.list[i].distance/1000+'</span>公里</span></p>'-->
                                    <!--+'</div>'-->
                                    <!--+'</div>'-->
                                    <!--+'</a>'-->
                                <!--;-->
                            <!--}-->
                            <!--// 如果没有数据-->
                        <!--}else{-->
                            <!--// 锁定-->
                            <!--me.lock();-->
                            <!--// 无数据-->
                            <!--me.noData();-->
                        <!--}-->

                        <!--// 为了测试，延迟1秒加载-->
                        <!--setTimeout(function(){-->
                            <!--$('.'+doClss).before(result);-->
                            <!--var lazyloadImg = new LazyloadImg({-->
                                <!--el: '.weui-updown [data-img]', //匹配元素-->
                                <!--top: 50, //元素在顶部伸出长度触发加载机制-->
                                <!--right: 50, //元素在右边伸出长度触发加载机制-->
                                <!--bottom: 50, //元素在底部伸出长度触发加载机制-->
                                <!--left: 50, //元素在左边伸出长度触发加载机制-->
                                <!--qriginal: false, // true，自动将图片剪切成默认图片的宽高；false显示图片真实宽高-->
                                <!--load: function(el) {-->
                                    <!--el.style.cssText += '-webkit-animation: fadeIn 01s ease 0.2s 1 both;animation: fadeIn 1s ease 0.2s 1 both;';-->
                                <!--},-->
                                <!--error: function(el) {-->

                                <!--}-->
                            <!--});-->
                            <!--//-->
                            <!--// 每次数据加载完，必须重置-->
                            <!--me.resetload();-->
                        <!--},10);-->
                    <!--},-->
                    <!--error: function(xhr, type){-->
                        <!--me.resetload();-->
                    <!--}-->
                <!--});-->
            <!--}-->
        <!--});-->
    <!--})-->
<!--</script>-->
{/block}